<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets">

<h:head>
	<title>Motivo Reclamación</title>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<link REL="SHORTCUT ICON"
		href="#{facesContext.externalContext.request.scheme}://#{facesContext.externalContext.request.serverName}:#{facesContext.externalContext.request.serverPort}#{facesContext.externalContext.request.contextPath}/images/logoTcBuen.ico" />
</h:head>

<h:body>

	<ui:composition template="/MenuTemplate.xhtml">



		<ui:define name="content">

			<p:layout>



				<p:layoutUnit position="center">

					<f:view>
						<p:ajaxStatus onstart="statusDialog.show();"
							onsuccess="statusDialog.hide();" />
						<p:dialog modal="true" widgetVar="statusDialog" header="Cargando"
							draggable="false" closable="false">
							<p:graphicImage
								value="#{facesContext.externalContext.request.scheme}://#{facesContext.externalContext.request.serverName}:#{facesContext.externalContext.request.serverPort}#{facesContext.externalContext.request.contextPath}/images/ajaxloadingbar.gif" />
						</p:dialog>

						<div id="logo" align="center">
							<h:form id="form">
								<p:growl id="men" sticky="true" />
								<p:panel id="td" header="Motivo Reclamación">


									<p:dataTable var="car" value="#{motivoReclamacionView.data}"
										id="listaTDo" editable="true" scrollable="true"
										scrollHeight="300"
										filteredValue="#{motivoReclamacionView.data}">
										<p:ajax event="rowEdit"
											listener="#{motivoReclamacionView.onEdit}" />
										<p:ajax event="rowEditCancel"
											listener="#{motivoReclamacionView.onCancel}" />

										<p:column headerText="Editar" style="width: 30px">
											<p:rowEditor />
										</p:column>

										<p:column headerText="Descripción" style="width: 100px"
											filterBy="descripcionMotRecl">
											<p:cellEditor>
												<f:facet name="output">
													<h:outputLabel value="#{car.descripcionMotRecl}" />
												</f:facet>
												<f:facet name="input">
													<p:inputTextarea value="#{car.descripcionMotRecl}" />
												</f:facet>
											</p:cellEditor>
										</p:column>

										<p:column headerText="Estado del Registro"
											style="width: 100px" filterBy="estadoRegistro"
											filterOptions="#{motivoReclamacionView.manufacturerOptions}"
											filterMatchMode="exact">
											<p:cellEditor>
												<f:facet name="output">
													<h:outputText value="#{car.estadoRegistro}" />
												</f:facet>
												<f:facet name="input">
													<h:selectOneMenu
														value="#{motivoReclamacionView.estadoRegistro}">
														<f:selectItem itemLabel="Activo" itemValue="A" />
														<f:selectItem itemLabel="Retirado" itemValue="R" />
													</h:selectOneMenu>
												</f:facet>
											</p:cellEditor>
										</p:column>

										<f:facet name="footer">
											<p:commandButton id="viewButton" value="Crear"
												icon="ui-icon-newwin" oncomplete="PF('carDialog').show()" />

										</f:facet>

									</p:dataTable>

									<!--		Ventana emergente          -->
									<p:dialog id="dialog" header="Motivo Reclamacion"
										widgetVar="carDialog" resizable="false" width="500"
										showEffect="clip" hideEffect="fold">

										<h:panelGrid columns="2" id="panel">

											<h:outputText id="msgDescripcion" value=" Descripción*:" />
											<p:inputTextarea id="txtDescripcionMotRecl" rows="10"
												cols="30"
												binding="#{motivoReclamacionView.txtDescripcionMotRecl}"
												maxlength="50" required="true"
												requiredMessage="La Descripción es Requerida" />

											<h:outputText id="msgEstadoRegistro" value=" Estado*:" />
											<p:selectOneMenu id="estado"
												value="#{motivoReclamacionView.estadoRegistro}"
												binding="#{motivoReclamacionView.estado}" required="true"
												requiredMessage="El Estado es requerido">
												<f:selectItem itemLabel="Activo" itemValue="A" />
												<f:selectItem itemLabel="Retirado" itemValue="R" />
											</p:selectOneMenu>

										</h:panelGrid>

										<p:separator id="separator" />

										<h:panelGrid id="panelBotones" columns="2">

											<p:commandButton id="btnSave" value="Guardar"
												action="#{motivoReclamacionView.action_create}"
												binding="#{motivoReclamacionView.btnSave}"
												icon="ui-icon-disk" update="listaTDo,men,panel,panelBotones" />
										</h:panelGrid>
									</p:dialog>
								</p:panel>
							</h:form>
						</div>
					</f:view>
				</p:layoutUnit>

			</p:layout>

		</ui:define>

	</ui:composition>




</h:body>
</html>
